<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('延期处理')"/>
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>

<body style="background-color: #F4F6FA">
<div class="main-content" style="margin: 0;padding: 0">

    <form id="form-user-add" class="form-horizontal" style="background-color: #F4F6FA">

        <div class="col-sm-12" style="display: flex">
            <div class="col-sm-12 entering-page">
                <!--    延期申请    -->
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">审核窗口-延期申请</h4>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-1 control-label ">工单主题：</label>
                        <div class="col-sm-10">
                            <div class="form-control" style="border: none;font-weight: 600;">余先生[投诉举报]其他</div>
                        </div>
                    </div>
                </div>
                <!--内容描述：-->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-1 control-label ">内容描述：</label>
                        <div class="col-sm-11">
                            <div class="extension-describe" style="font-weight: 600;font-weight: inherit;">余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                                余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                            </div>
                        </div>
                    </div>
                </div>
                <!--办理要求-->
                <div class="col-sm-6"  style="margin-bottom: 15px">
                    <div class="form-group">
                        <label class="col-sm-2 control-label ">办理要求：</label>
                        <div class="col-sm-10">
                            <div class="extension-describe" style="font-weight: 600;font-weight: inherit;">余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                                余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                            </div>
                        </div>
                    </div>
                </div>
                <!--延期理由-->
                <div class="col-sm-6"  style="margin-bottom: 15px">
                    <div class="form-group">
                        <label class="col-sm-2 control-label ">延期理由：</label>
                        <div class="col-sm-10">
                            <div class="extension-describe" style="font-weight: 600;font-weight: inherit;">余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                                余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他余先生[投诉举报]其他
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label ">申请单位：</label>
                    <div class="col-sm-8">
                        <div class="extension-describe" style="font-weight: 600;">
                            成都兴城集团
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label ">申请人：</label>
                    <div class="col-sm-8">
                        <div class="extension-describe" style="font-weight: 600;">
                            宋焰
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label " style="color: #FF812E">原办理期限：</label>
                    <div class="col-sm-8">
                        <div class="extension-describe" style="font-weight: 600;">
                            2021-10-11 13:12:22
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label " style="color: #FF1A0B">延期至：</label>
                    <div class="col-sm-8">
                        <input type="text" name="backLimit" class="form-control postpone" id="postpone"
                               placeholder="请输入时间">
                        <div class="input-group-append " style="position: absolute;top: 12px;right: 30px;">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label "></label>
                    <div class="col-sm-6">

                    </div>
                </div>
                <!--审核人，审核时间-->
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label ">审核人：</label>
                    <div class="col-sm-8">
                        <input name="fromName" placeholder="请输入"
                               class="form-control phoneName" type="text"
                               maxlength="5" required="">
                    </div>
                </div>
                <div class="col-sm-6" style="margin-bottom: 15px">
                    <label class="col-sm-2 control-label ">审核时间：</label>
                    <div class="col-sm-8">
                        <input type="text" name="backLimit" class="form-control auditTime" id="auditTime"
                               placeholder="请输入名称">
                    </div>
                </div>
                <!--审核备注-->
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-2 control-label entering-pd">审核备注：</label>
                        <div class="col-xs-8">
                            <select name="phoneCategory"  class="form-control m-b phoneCategory">
                                <option value="">-请选择-</option>
                                <option value="1">投诉</option>
                                <option value="2">建议</option>
                                <option value="3">表扬</option>

                            </select>
                                <textarea name="ysysDesc" maxlength="3500" class="form-control disposeRemark"
                                          rows="3" style="height: 130px"></textarea>
                            <span>还可以输入<i class="disposeRemarkI">3500</i>个文字</span>
                        </div>
                    </div>
                </div>
                <!--审核意见-->
                <div class="col-sm-6">
                    <label class="col-sm-2 control-label" style="color: red">审核意见：</label>
                    <div class="col-sm-8">
                        <select name="phoneCategory"  class="form-control m-b phoneCategory">
                            <option value="">-请选择-</option>
                            <option value="1">投诉</option>
                            <option value="2">建议</option>
                            <option value="3">表扬</option>

                        </select>
                        <textarea name="xdealDesc" maxlength="3500"
                                  class="form-control opinion"
                                  rows="3"
                        style="height: 130px"></textarea>
                    </div>
                </div>
                <!--按钮-->
                <div class="col-sm-12" style="display: flex;justify-content: space-around;margin-bottom: 10px;">
                    <div class="col-sm-4" style="display: flex;justify-content: space-evenly;">
                        <button type="button" class="btn btn-info">同意</button>
                        <button type="button" class="btn btn-success">不同意</button>
                        <button type="button" class="btn btn-light">关闭</button>
                    </div>
                </div>

            </div>


        </div>

    </form>


</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/extension.js}"></script>

<script>

</script>
</body>
</html>

